<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    window.onload = function () {
      // 注意取出来的值一定是字符串
      // 本地存储(键，值)
      //   永久存储，无法保存引用数据类型
      //   localStorage.setItem("name", "Alice");
      //   localStorage.setItem("age", "30");
      //   var arr = {
      //     name: "jay",
      //     age: "18",
      //   };
      //   localStorage.setItem("arr", JSON.stringify(arr));
      //   本地存储的封装
      //   var obj = {
      //     // 保存
      //     set(key, value) {
      //       localStorage.setItem(key, JSON.stringify(value));
      //     },
      //     // 获取
      //     get(key) {
      //       return JSON.parse(localStorage.getItem(key));
      //     },
      //     // 删除
      //     remove(key) {
      //       localStorage.removeItem(key);
      //     },
      //     // 清空
      //     clear() {
      //       localStorage.clear();
      //     },
      //   };
      //   // 使用
      //   obj.set("name", "jaychou");
      //   console.log(obj.get("name"));
      //   console.log(obj.remove("name"));
      //   console.log(obj.clear());
      //   ----------------------------------------------------------------------------------------//
      // 会话存储
      //   一旦窗口关闭，存储数据将会被清除
      //   sessionStorage.setItem("name", "Bob");
      //   sessionStorage.setItem("age", "25");
      //   var obj = {
      //     name: "Tom",
      //     age: "20",
      //   };
      //   sessionStorage.setItem("obj", JSON.stringify(obj));
    };
  </script>
</html>
